<%--
  Created by IntelliJ IDEA.
  Author: Deng PengFei
  Date: 2021/8/14
  Time: 8:43
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <%--引入LayUI--%>
    <link href="layui/css/layui.css" rel="stylesheet">
    <link href="css/login.css" rel="stylesheet" media="screen">
    <script src="layui/layui.js"></script>
    <script src="js/jquery-3.1.0.js"></script>
    <style>
        .layui-row {
            padding: 5px;
        }
    </style>
</head>

<body>
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login">

    <div class="layadmin-user-login-main">
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title" style="padding: 10px">
                <li class="layui-this" style="width: 93%"><h2> 欢 迎 使 用 毕 设 系 统 </h2></li>
            </ul>

            <div class="layui-tab-content">
                <!--登录盒子从这里开始-->
                <div class="layui-tab-item layui-show">
                    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                        <div class="layui-form-item" style="border: #cccccc solid 1px">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
                            <label>
                                <input type="text" id="userName" placeholder="输入你要登录的账户名" class="layui-input"
                                       autocomplete="off">
                            </label>
                        </div>

                        <div class="layui-form-item">
                            <label style="color: #9F9F9F;padding-left: 15px;font-size: 13px;margin: 3px"
                                   id="loginNameMsg">
                                输入你要登录的账户名
                            </label>
                        </div>

                        <div class="layui-form-item" style="border: #cccccc solid 1px">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
                            <label>
                                <input type="password" id="userPass" placeholder="密码只包含数字和大小写字母" class="layui-input"
                                       autocomplete="off">
                            </label>
                        </div>

                        <div class="layui-form-item">
                            <label style="color: #9F9F9F;padding-left: 15px;font-size: 13px;margin: 3px">
                                密码只包含数字和大小写字母
                            </label>
                        </div>

                        <div class="layui-form-item" style="border: #cccccc solid 1px">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"></label>
                            <label>
                                <div id="slider"></div>
                            </label>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-row">
                                <div class="layui-col-xs3" style="height: 38px;font-size: 16px;line-height: 38px">
                                    <label class="role" for="role">
                                        <i class="layui-icon layui-icon-group"></i>选择终端:
                                    </label>
                                </div>
                                <div class="layui-col-xs5" style="border: #cccccc solid 1px">
                                    <select id="role" lay-verify="" autocomplete="off">
                                        <option value="1">学生端</option>
                                        <option value="2">教师端</option>
                                        <option value="3">管理员</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="layui-trans layui-form-item layadmin-user-login-other">
                            <label style="color: #9F9F9F">其它账户</label>
                            <a href="javascript:void(0);" id="login-qq"><i class="layui-icon layui-icon-login-qq"
                                                         style="color: #0000FF"></i></a>
                            <a href="javascript:void(0);" id="login-wechat"><i class="layui-icon layui-icon-login-wechat"
                                                             style="color: #00FF00"></i></a>
                            <a href="javascript:void(0);" id="login-weibo"><i class="layui-icon layui-icon-login-weibo"
                                                            style="color: red"></i></a>
                            <a href="javascript:void(0);" id="forgetPss" style="color: #009f95"
                               class="layadmin-user-jump-change layadmin-link" title="找回登录密码？">忘记密码？</a>
                        </div>

                        <div class="layui-form-item">
                            <button class="layui-btn layui-btn-fluid" id="loginBtn">登 入</button>
                        </div>
                    </div>
                </div>
                <!--登录盒子到这里结束-->
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/dist/sliderVerify/sliderVerify.js"></script>
<script src="js/login.js"></script>


</html>
